此系列文將從 Three.js 基本觀念切入，前面幾篇會簡單介紹如何用 Three.js 的基本元素在網頁上畫出 3D 場景與物體，之後直接透過實作遊戲專案，在過程中一邊完成專案所需要的內容，一邊說明 Three.js 中各種基本元素的應用細節，讓後期的專案能以漸進完成的方式呈現，做出一款網頁 3D 遊戲。
Photo by Samuel Zeller on Unsplash
以下是這一系列 30 天的大綱安排：
大方向的規劃如上，此系列文將從 Three.js 基本觀念切入，前面幾篇會簡單介紹如何用 Three.js 的基本元素在網頁上畫出 3D 場景與物體，之後直接透過實作遊戲專案，在過程中一邊完成專案所需要的內容，一邊說明 Three.js 中各種基本元素的應用細節，讓後期的專案能以漸進完成的方式呈現，做出一款網頁 3D 遊戲。
由於 Three.js 是使用 Javascript 的應用，為了讓各位讀者能有較佳的閱讀體驗，建議能對 Javascript 語法有基本的了解，在理解程式碼上會更容易些。
另外補上完賽後的大綱與延伸學習資源，建議可以參考此篇做為閱讀此系列文的總覽。
Hi，我是 CK，希望透過鐵人賽刺激自己多多學習，第一次接觸 3D 的領域，不敢稱此系列為教學文，但仍會力求資訊的正確性，所以如果後面有哪個地方解釋有誤，歡迎讀者不吝指正與協助捕充。
另外如果讀者對於文章內容有任何疑問或是建議，也可以直接在留言區留言或透過以下方式與我聯絡：
好不容易組團參賽，還有一個好不容易想出來的團名，第一天的最後來分享一下各位隊友的系列文連結，歡迎各位讀者對有興趣的主題也可以訂閱關注囉：
也歡迎對 Three.js 這個主題有興趣的朋友持續追蹤，希望三十天後大家都可以順利完賽！Go！Go！Go！
iThome鐵人賽
看影片追技術